@media only screen and (min-width: 768px) and (max-width: 1000px) {
  #container,.wrapper{
    width: 100%;
  }
  .home .bg-home{
    width: 100%;
  }
  .slide-home .bg-slide{
    overflow: hidden;
    position: absolute;
    height: 460px;
    width: 100%;
  }
  .f-content-first,.f-title-first{
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .content-p-favorites .content-slider-bottom{
    height: 105px!important;
  }
  .content-p-favorites .content-slider-bottom .slick-slider .slick-slide{
    height: 103px;
  }
   .commonPage .box-right{
      width: 555px;
  }
  .commonPage .box-right .box-content .post-content{
    width: 95.8%;
  }
  .commonPage .box-right .box-content .post-content .text-content{
    width: 57%;
  }
  .commonPage.singlePage .box-right .box-content .post-content img{
    width: 100%;
    margin-right: 0;
  }
  .commonPage.singlePage .box-right .box-content .post-content h4{
    padding-left: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 890px) {
  
  .commonPage .box-right .box-content .post-content .text-content{
    width: 100%;
  }
  .commonPage .box-right .box-content .post-content .post-img{
    margin-left: 10px;
    margin-top: 10px;
    float: left;
  }
  div.adv{
    right: -126px;
  }
  .page-4 .box-content .item .detail, .page-5 .box-content .item .detail{
    padding-bottom: 10px; 
    padding-left: 10px;
  }
}